
        <div class="col-md-10">
            <h2>用户列表</h2>
            <hr>
            <form class="form-inline" id="queryForm" role="form">
                <input type="text" name="username" class="form-control" id="queryName" placeholder="请输入用户名称">
                <button type="button" onclick="listRecord(this)" class="btn btn-primary">查询</button>
                <button type="button" class="btn btn-success" data-toggle="modal" data-target="#modal_add" >添加用户</button>
                <!-- 表示应谨慎采取的动作 -->
            </form>
            <hr>
            <div id="list_table">
            <table class="table table-hover table-bordered" id="role_grade">
                <#--<caption>悬停表格布局</caption>-->
                <thead>
                <tr>
                    <th>序号</th>
                    <th>用户名</th>
                    <th>密码</th>
                    <#--<th>是否锁定</th>-->
                    <th>操作</th>
                </tr>
                </thead>
                <tbody>
                <#list listResult.list as sysUser>
                <tr id="tr_${sysUser.id}">
                    <td style="display: none" id="id_${sysUser.id}">${sysUser.id}</td>
                    <td id="index">${sysUser_index  + 1}</td>
                    <td id="userName_${sysUser.id}">${sysUser.username?default("")}</td>
                    <td id="password_${sysUser.id}">${sysUser.password?default("")}</td>
                    <#--<td id="isLocked_${sysUser.id}">${(sysUser.isLocked)?string('是', '否')}</td>-->
                    <#--<td id="isLocked_">yes</td>-->
                    <td>
                        <button id="update_${sysUser.id}" type="button" onclick="modifyModal(this)" class="btn btn-warning">修改</button>
                        <button id="delete_${sysUser.id}" type="delete" onclick="deleteRecord(this)" class="btn btn-danger">删除</button>
                    </td>
                </tr>
                </#list>
                </tbody>
            </table>
            </div>

            <nav aria-label="Page navigation" style="text-align: right">
                <ul class="pagination" id="table_pagging">
                    <#assign pageNum=listResult.totalPageNo>
                    <#if pageNum==0>
                        <#assign pageNum=1>
                    </#if>
                    <#list 1..pageNum as pn>
                        <li id="a_${pn}" class="${(pn==listResult.nowPageNo)?string('disabled','')}"><a onclick="${(pn==listResult.nowPageNo)?string('','listRecord(this, ${pn})')}" href="#" >${pn}</a></li>
                    </#list>
                </ul>
            </nav>

        </div>

